import React from "react";
import Comp1 from "./components/comp1";
// 组件通信
//  1.父子通信
  //  在调用父组件的时候传递 自定义属性
  //  在子组件通过 props 接收
//  2.子父通信
//    在调用父组件的时候传递 自定义 属性|方法|事件
//   在子组件通过 props  接收
class App extends React.Component {
  state = {
    count: 1,
  };
  handleClick() {
    this.setState({
      count: this.state.count + 1,
    });
  }
  render() {
    const { count } = this.state;
    return (
      <div>
        <h2>父组件</h2>
        <div>{count}</div>
        <button onClick={() => this.handleClick()}>+1</button>
        <hr />
        <Comp1 count={count} onCount={() => this.handleClick()}></Comp1>
      </div>
    );
  }
}

export default App;
